<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>登录-{{$SEO['title']}}</title>
    <meta name="keywords" content="{{$SEO['keywords']}}"/>
    <meta name="description" content="{{$SEO['description']}}"/>
    <!--公用css引用-->
            @include('front.common.style')
    <!--END/公用css引用-->
    <link rel="stylesheet" href="../dist/css/login.css">

    <!--公用js引用-->
    @include('front.common.script')

</head>
<body>

<!--头部-->
<div class="login-head inbox">
    <div class="logo-wrap">
        <a href="/"><img class="logo fn-fl" src="../images/logo.jpg" alt="阿福易购"></a>
        <span class="welcome fn-fl">欢迎登录</span>
    </div>
</div>
<!--END/头部-->

<div class="inbox login-box">
    <ul class="ui-cols-2">
        <li class="col">
            <img class="l-img" src="../images/login/pic-1.jpg" alt="">
        </li>
        <li class="col form-wrap">
            <div class="form-head">
                <div class="tit-1">
                    <div class="h"> 阿福易购会员</div>
                    <a href="/user/register" class="more">立即注册 <i class="icon icon-arrow-r1"></i></a>
                </div>
            </div>
            {!! Form::open(['url'=>'/user/login','method'=>'post','class'=>'bl-form bl-formver form-L form-login js-form js-placeholder']) !!}
                <input name="return_url" value="{{$returnUrl}}" type="hidden">
                <ul class="form-list">
                    @if(Session::has('message'))<p>{{Session::get('message')}}</p>@endif

                    <li class="bl-form-group error">
                        <label class="for">用户名：</label>
                        <div class="controls hasIcon">
                            <span class="f-icon icon-l"><i class="icon icon-user fn-ml10"></i></span>
                             {!! Form::text('user_name',old('user_name'),array('id'=>'user_name', 'class'=>'fn-tinput','placeholder'=>'邮箱/手机/账号','required'=>'required'))!!}
                             @if($errors) <p id="user_name-error" class="error"> {{$errors->first()}}</p>@endif
                        </div>
                    </li>
                    <li class="bl-form-group">
                        <label class="for">密码：</label>
                        <div class="controls hasIcon">
                            <span class="f-icon icon-l"><i class="icon icon-pwd fn-ml10"></i></span>
                            <input type="password" name="password" id="password" class="fn-tinput" placeholder="输入密码" required="required">
                        </div>
                    </li>
                    <li class="bl-form-group form-text">
                        <label class="for">协议：</label>
                        <div class="controls">
                            <a class="fn-fr" style="*margin-top:2px;" href="/my/forgetPwd">忘记密码？</a>
                            <label>
                                <input type="checkbox" name="rememberMe" checked="checked">
                                <span>记住密码</span>
                            </label>
                        </div>
                    </li>
                    <li class="bl-form-group">
                        <label class="for fn-vhide">提交：</label>
                        <div class="controls form-btns">

                            <button type="submit" class="fn-btn btn-primary w100" name="submitButton">登 录</button>
                        </div>
                    </li>
                    <li>
                        <p style="font-size: 16px;margin-bottom: 10px;">第三方登录：</p>
                        <div>
                            <a href="/user/socialiteLogin/qq" style="margin-right: 15px;display: inline-block"><img src="{{asset('images/qq.png')}}" /></a>
                            <a href="/user/socialiteLogin/wechat" style="display: inline-block"><img src="{{asset('images/weixin.png')}}" /></a>
                        </div>

                    </li>
                </ul>
            {!! Form::hidden('session_id',Session::get('session_id')) !!}
            {!! Form::close() !!}
        </li>
    </ul>
</div>

<!--底部-->
<div class="f-aboutUs">
    <div class="inbox fn-tc">
        <a target="_blank" href="/help/about-afu">关于阿福易购</a>
        <a target="_blank" href="/help/about">公司简介</a>
        <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=3039215126&site=qq&menu=yes">联系我们</a>
        <!--<a target="_blank" href="#">招聘信息</a>-->
        <a target="_blank" href="/help/agreement">用户协议</a>
        <br>
        <p>
            <span>增值电信经营许可证编号：豫B2-20160019</span><a class="fn-ml10 link" target="_blank" href="http://www.miitbeian.gov.cn/">ICP备案号：豫ICP16000288号-1</a> Copyright ©<a class="link" href="/">WWW.AFYIGOU.COM</a> 2015
        </p>
    </div>
</div>
<!--END/底部-->
<!--公用js引用-->
@include('front.common.script')
<!--END/公用js引用-->
<script src="../dist/js/jquery.validation.js"></script>
<script type="text/javascript">
    $('.js-form').validate({
        errorElement:'p',
        rules:{
            password:{
                pwd:true
            }
        },
        messages: {
            user_name:{
                required:'请填写您的账号'
            },
            password:{
                required:'请填写您的密码',
                pwd:'密码6-20位字符，建议由字母、数字、符号两种以上组合'
            }
        }
    });
</script>
</body>
</html>